<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link href="assets/css/bootstrap.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="css/style.css"/>
    <link rel="stylesheet" href="assets/css/ace.min.css"/>
    <link rel="stylesheet" href="assets/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="Widget/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css">
    <link href="Widget/icheck/icheck.css" rel="stylesheet" type="text/css"/>
    <!--[if IE 7]>
    <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css"/>
    <![endif]-->
    <!--[if lte IE 8]>
    <link rel="stylesheet" href="assets/css/ace-ie.min.css"/>
    <![endif]-->
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/typeahead-bs2.min.js"></script>
    <!-- page specific plugin scripts -->
    <script src="assets/js/jquery.dataTables.min.js"></script>
    <script src="assets/js/jquery.dataTables.bootstrap.js"></script>
    <script type="text/javascript" src="js/H-ui.js"></script>
    <script type="text/javascript" src="js/H-ui.admin.js"></script>
    <script src="assets/layer/layer.js" type="text/javascript"></script>
    <script src="assets/laydate/laydate.js" type="text/javascript"></script>
    <script type="text/javascript" src="Widget/zTree/js/jquery.ztree.all-3.5.min.js"></script>
    <script src="js/lrtk.js" type="text/javascript"></script>
    <title>商品列表</title>
</head>
<body>
<div class=" page-content clearfix">
    <div id="products_style">
        <div class="search_style">
        </div>
        <div class="border clearfix">
       <span class="l_f">
        <a href="toAddProductPage" title="添加商品" class="btn btn-warning Order_form"><i class="icon-plus"></i>添加商品</a>
       </span>
            <span class="r_f">tips</span>
        </div>
        <div class="table_menu_list clearfix" id="testIframe" style="width:100%">
            <table class="table table-striped table-bordered table-hover" id="sample-table">
                <thead>
                <tr>
                    <th width="25px"><label><input type="checkbox" class="ace"><span class="lbl"></span></label></th>
                    <th width="80px">商品编号</th>
                    <th width="250px">商品名称</th>
                    <th width="250px">商品类别</th>
                    <th width="100px">数量</th>
                    <th width="100px">所属仓库</th>
                    <th width="70px">商品状态</th>
                    <th width="200px">操作</th>
                </tr>
                </thead>
                <tbody>
                <c:forEach items="${list}" var="product">
                    <tr>
                        <td width="25px"><label><input type="checkbox" class="ace"><span class="lbl"></span></label>
                        </td>
                        <td width="80px">${product.productId}</td>
                        <td width="150px"><u style="cursor:pointer" class="text-primary"
                                             onclick="">${product.productName}</u></td>
                        <td width="100px">${product.categoryName}</td>
                        <td width="100px">
                            <c:choose>
                                <c:when test="${product.productNum <= 0}">
                                    <span style="color: red">货物不足</span>
                                </c:when>
                                <c:otherwise>
                                    ${product.productNum}
                                </c:otherwise>
                            </c:choose>
                        </td>
                        <td width="150px">${product.warehouseName}</td>
                        <td width="150px">${product.productNum > 0&&product.status==1?"正常":"<span style='color: red'>异常</span>"}</td>
                        <td class="td-manage">

                            <%--<c:if test="${product.productNum > 0}">
                            <a href="javascript:;" title="出库"
                               onclick="location.href='toProductPage?id=${product.productId}'"
                               class="btn btn-xs btn-success"><i
                                    class="icon-ok bigger-120"></i></a>
                            </c:if>--%>
                           <c:choose>
                               <c:when test="${product.productNum > 0}">
                                    <a href="javascript:;" title="出库"
                                       onclick="location.href='toProductPage?id=${product.productId}'"
                                       class="btn btn-xs btn-success"><i
                                            class="icon-ok bigger-120"></i></a>
                               </c:when>
                               <c:otherwise>
                                   <button title="出库" class="btn btn-xs btn-disabled" disabled="disabled">
                                       <i class="icon-ok bigger-120"></i>
                                   </button>
                               </c:otherwise>
                           </c:choose>
                            <a title="编辑" onclick="location.href='toUpdateProductPage?id=${product.productId}'" href="
                               javascript:;" class="btn btn-xs btn-info"><i
                                    class="icon-edit bigger-120"></i></a>
                            <a title="删除" href="javascript:;" onclick="pro_del(this,${product.productId})"
                               class="btn btn-xs btn-warning"><i class="icon-trash  bigger-120"></i></a>
                        </td>
                    </tr>

                </c:forEach>

                </tbody>
            </table>
        </div>
    </div>
</div>
</div>
</body>
</html>
<script type="text/javascript">

    //删除

    //初始化宽度、高度
    $(".widget-box").height($(window).height() - 215);
    $(".table_menu_list").width($(window).width() - 30);
    $(".table_menu_list").height($(window).height() - 215);
    //当文档窗口发生改变时 触发
    $(window).resize(function () {
        $(".widget-box").height($(window).height() - 215);
        $(".table_menu_list").width($(window).width() - 30);
        $(".table_menu_list").height($(window).height() - 215);
    });

    //删除事件
    function pro_del(obj, id) {
        layer.confirm('确认要删除吗？', function (index) {
            $.ajax({
                url: "delProduct",
                data: {"id": id},
                success: function () {

                    $(obj).parents("tr").remove();
                    layer.msg('已删除!', {icon: 1, time: 1000});
                    location.href = "getProductAll";

                }
            })
        });
    }
</script>
